<template>
    <section class="live-page ">
       <iframe :src="url" frameborder="0" scrolling="auto" class="main-live"></iframe>
    </section>
</template>

<script>
import'@/assets/css/fonts/iconfont.css'
import'@/assets/css/style.less'
import $ from 'jquery'
import Cookies from 'js-cookie'


export default {
  crollToTop: true,
  props:{
    
  },
  data(){
    return{
      url:'https://www.jianshu.com/p/e3e41e551883'
    }
  },
  computed:{
   
  },
  created(){
    this.url = "https://live.polyv.cn/watch/"+this.$route.params.id;
  },
  mounted(){
      this.$nextTick(() => {
          
          
          let h = $(window).height();
          $(".live-page ").height(h);
        })
  },
  beforeDestroy() {
   
  },
  methods:{

  }
}
</script>

<style lang="less" >
  .live-page{
    width:100%;
    float:left;
    overflow:hidden;
    .main-live{
      width:100%;
      height:100%;
    }

  }
</style>



